<!-- 查看视频 -->
<template>
  <div class=''>
    <n-button type="primary" size="small" quaternary @click="showModal=true" class="fz12">点击查看视频</n-button>
    <n-modal v-model:show="showModal" preset="card" class="Stock-diagnosis">
      <template #header>
        <div>浏览视频</div>
      </template>
      <div>
        <video :src="srcbj" class="chakanship" autoplay></video>
      </div>
      <template #action>
        <div class="tr">
          <n-button  @click="showModal=false"> 关闭 </n-button>
        </div>
      </template>
    </n-modal>
  </div>
</template>
<script lang='ts' setup>
import { ref } from "vue";
const props = defineProps({
  srcbj: { type: String },
});
const showModal = ref(false)
</script>
<style scoped>
.chakanship {
  width: 100%;
  height: 450px;
  background: #000;
}
</style>